<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="js/lib/vue.js"></script>
</head>
<body>
    <div id="app">
        <input type="checkbox" v-model="toggle" v-bind:true-value="a" v-bind:false-value="b">
        <!-- 每个绑定只能包含单个表达式-->
        {{num+1}}
        <!--输出HTML 字符串-->
        <div>{{{ raw_html }}}</div>
        <!-- * 处理单次插值，今后的数据变化就不会再引起插值更新了-->
        <p v-if="test">{{* message }}</p>
        <input v-model="message" v-on:keyup.enter="addTodo">
        <ul>
            <li v-for="todo in todos">
                <span>{{ todo.text }}</span>
                <button v-on:click="removeTodo($index)">X</button>
            </li>
        </ul>
        <button v-on:click="changeColor">changeColor</button>
    </div>
    <script type="text/javascript" src="js/lib/jquery-2.2.1.min.js"></script>
    <script type="text/javascript" src="index.js"></script>
</body>
</html>